<!-- 下部 自由搭配产品推荐 开始 -->
<div class="ic-combine-recommend-section">
    <div class="row">
        <div class="col-xs-12">
            <div class="ic-combine-recommend-header clearfix">
                <h4 class="pull-left">完美搭配家品组合<span>（共8件家品）</span></h4>
                <ul class="list-inline pull-right ic-combine-recommend-header-actions">
                    <li>
                        <div class="checkbox">
                            <label>
                                <input type="checkbox" checked="checked">全选</label>
                        </div>
                    </li>
                    <li>
                        <span>已选 <span class="ic-combine-recommend-selected-product-count">4</span> 件家品，</span>
                        套餐价：
                        <span class="combine-price">￥3996.80</span>
                        &nbsp;
                        <br class="visible-xs">
                        <span>
                            原价 <del>￥4299.00</del>
                        </span>
                        &nbsp;省￥<span class="ic-combine-recommend-saved-amount">999.2</span>
                    </li>
                    <li class="hidden-xs">
                        <a class="btn btn-combine-purchase" href="#" role="button">立即购买</a>
                    </li>
                    <li>
                        <a class="btn btn-combine-add-to-cart js-btn-add-to-cart" href="#" role="button">加入购物车</a>
                    </li>
                </ul>
            </div>
            <div class="ic-combine-recommend-body combine-recommend-products carousel-list">
                <div class="row carousel-list-inner">
                    <!-- 搭配推荐产品列表元素 开始 -->
                    <div class="carousel-list-item">
                        <a class="product-item" href="jiapin-product-detail.html">
                            <div class="product-item-img img-hover-info js-img-container">
                                <img class="js-img-wrap" src="../images/contents/product_sm_1.jpg">
                                <div class="img-hover-info-outter">
                                    <div class="img-hover-info-inner">
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-cart" type="button">
                                                    <i class="fa fa-shopping-cart"></i> 加入购物车
                                                </button>
                                            </div>
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-favor" type="button">
                                                    <i class="fa fa-star-o"></i> 收藏家品
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p>1 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                            <p class="product-item-price checkbox">
                                <label>
                                    <input type="checkbox" checked="checked">￥1899.00
                                </label>
                            </p>
                        </a>
                    </div>
                    <!-- 搭配推荐产品列表元素 结束 -->

                    <div class="carousel-list-item">
                        <a class="product-item" href="jiapin-product-detail.html">
                            <div class="product-item-img img-hover-info js-img-container">
                                <img class="js-img-wrap" src="../images/contents/product_sm_2.jpg">
                                <div class="img-hover-info-outter">
                                    <div class="img-hover-info-inner">
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-cart" type="button">
                                                    <i class="fa fa-shopping-cart"></i> 加入购物车
                                                </button>
                                            </div>
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-favor" type="button">
                                                    <i class="fa fa-star-o"></i> 收藏家品
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p>2 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                            <p class="product-item-price checkbox">
                                <label>
                                    <input type="checkbox" checked="checked">￥1899.00
                                </label>
                            </p>
                        </a>
                    </div>
                    <div class="carousel-list-item">
                        <a class="product-item" href="jiapin-product-detail.html">
                            <div class="product-item-img img-hover-info js-img-container">
                                <img class="js-img-wrap" src="../images/contents/product_sm_1.jpg">
                                <div class="img-hover-info-outter">
                                    <div class="img-hover-info-inner">
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-cart" type="button">
                                                    <i class="fa fa-shopping-cart"></i> 加入购物车
                                                </button>
                                            </div>
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-favor" type="button">
                                                    <i class="fa fa-star-o"></i> 收藏家品
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p>3 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                            <p class="product-item-price checkbox">
                                <label>
                                    <input type="checkbox" checked="checked">￥1899.00
                                </label>
                            </p>
                        </a>
                    </div>
                    <div class="carousel-list-item">
                        <a class="product-item" href="jiapin-product-detail.html">
                            <div class="product-item-img img-hover-info js-img-container">
                                <img class="js-img-wrap" src="../images/contents/product_sm_2.jpg">
                                <div class="img-hover-info-outter">
                                    <div class="img-hover-info-inner">
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-cart" type="button">
                                                    <i class="fa fa-shopping-cart"></i> 加入购物车
                                                </button>
                                            </div>
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-favor" type="button">
                                                    <i class="fa fa-star-o"></i> 收藏家品
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p>4 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                            <p class="product-item-price checkbox">
                                <label>
                                    <input type="checkbox" checked="checked">￥1899.00
                                </label>
                            </p>
                        </a>
                    </div>
                    <div class="carousel-list-item">
                        <a class="product-item" href="jiapin-jiapin-product-detail.html">
                            <div class="product-item-img img-hover-info js-img-container">
                                <img class="js-img-wrap" src="../images/contents/product_sm_1.jpg">
                                <div class="img-hover-info-outter">
                                    <div class="img-hover-info-inner">
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-cart" type="button">
                                                    <i class="fa fa-shopping-cart"></i> 加入购物车
                                                </button>
                                            </div>
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-favor" type="button">
                                                    <i class="fa fa-star-o"></i> 收藏家品
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p>5 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                            <p class="product-item-price checkbox">
                                <label>
                                    <input type="checkbox" checked="checked">￥1899.00
                                </label>
                            </p>
                        </a>
                    </div>
                    <div class="carousel-list-item">
                        <a class="product-item" href="jiapin-product-detail.html">
                            <div class="product-item-img img-hover-info js-img-container">
                                <img class="js-img-wrap" src="../images/contents/product_sm_2.jpg">
                                <div class="img-hover-info-outter">
                                    <div class="img-hover-info-inner">
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-cart" type="button">
                                                    <i class="fa fa-shopping-cart"></i> 加入购物车
                                                </button>
                                            </div>
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-favor" type="button">
                                                    <i class="fa fa-star-o"></i> 收藏家品
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p>6 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                            <p class="product-item-price checkbox">
                                <label>
                                    <input type="checkbox" checked="checked">￥1899.00
                                </label>
                            </p>
                        </a>
                    </div>
                    <div class="carousel-list-item">
                        <a class="product-item" href="jiapin-product-detail.html">
                            <div class="product-item-img img-hover-info js-img-container">
                                <img class="js-img-wrap" src="../images/contents/product_sm_1.jpg">
                                <div class="img-hover-info-outter">
                                    <div class="img-hover-info-inner">
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-cart" type="button">
                                                    <i class="fa fa-shopping-cart"></i> 加入购物车
                                                </button>
                                            </div>
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-favor" type="button">
                                                    <i class="fa fa-star-o"></i> 收藏家品
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p>7 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                            <p class="product-item-price checkbox">
                                <label>
                                    <input type="checkbox" checked="checked">￥1899.00
                                </label>
                            </p>
                        </a>
                    </div>
                    <div class="carousel-list-item">
                        <a class="product-item" href="jiapin-product-detail.html">
                            <div class="product-item-img img-hover-info js-img-container">
                                <img class="js-img-wrap" src="../images/contents/product_sm_2.jpg">
                                <div class="img-hover-info-outter">
                                    <div class="img-hover-info-inner">
                                        <div class="row">
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-cart" type="button">
                                                    <i class="fa fa-shopping-cart"></i> 加入购物车
                                                </button>
                                            </div>
                                            <div class="col-xs-6">
                                                <button class="btn btn-link js-btn-add-to-favor" type="button">
                                                    <i class="fa fa-star-o"></i> 收藏家品
                                                </button>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <p>8 一起咖啡桌简约日式餐厅黑胡桃木色...</p>
                            <p class="product-item-price checkbox">
                                <label>
                                    <input type="checkbox" checked="checked">￥1899.00
                                </label>
                            </p>
                        </a>
                    </div>
                </div>
                <div class="combine-recommend-products-pager">
                    <button class="btn btn-default btn-sm pager-prev disabled" type="button">
                        <i class="fa fa-chevron-left"></i>
                    </button>
                    <button class="btn btn-default btn-sm pager-next" type="button">
                        <i class="fa fa-chevron-right"></i>
                    </button>
                    <button class="btn btn-default btn-sm js-carousel-fold-open disabled hidden" type="button">
                        <i class="fa fa-chevron-down"></i>
                    </button>
                    <button class="btn btn-default btn-sm js-carousel-fold-close disabled hidden" type="button">
                        <i class="fa fa-chevron-up"></i>
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
<!-- 下部 自由搭配产品推荐 结束 -->